.manage-toolbar {
    position: absolute;
    left: 75px;
    top: 20px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    height: 40px;
}

.manage-toolbar .panel-body{
	padding-top: 0px;
	padding-bottom: 0px;
}

.manage-toolbar .panel-body {
    border-radius: 4px;
}

.manage-toolbar .panel-body > div {
    width: 30px;
    height: 40px;
    margin-right: 5px;
}

.manage-toolbar .panel-body .city-area {
    width: 40px;
    padding-top: 10px;
}

.manage-toolbar .panel-body .city-area > a {
    color: #000000;
}

.manage-toolbar .panel-body .city-area > a:hover {
    color: #2093ef;
}

.manage-toolbar .panel-body .weather-area {
    width: 75px;
    padding-top: 10px;
}

.manage-toolbar .panel-body .city-area {
    width: 48px;
}

.manage-toolbar .panel-body .weather-area > a {
    color: #000000;
}

.manage-toolbar .weather-area > .toggle {
    line-height: 40px;
    font-size: 12px;
}

.manage-toolbar .panel-body .long-divide {
    width: 2px;
    height: 25px;
    background-image: url(../images/long-d.png);
}

.manage-toolbar .panel-body .short-divide {
    width: 2px;
    height: 20px;
    vertical-align: top;
    background-image: url(../images/short-d.png);
}

.manage-toolbar .city-area > .toggle {
    /*color: #000;*/
    text-decoration: underline;
    font-size: 12px;
}

.manage-toolbar .city-area > i {
    color: #000;
}

.manage-toolbar .save-area > a {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    color: #000000;
    background-position: 6px 0;
    background-repeat: no-repeat;
    background-image: url(../images/save.png);
}

.manage-toolbar .save-area a:hover {
    color: #2093ef;
    background-image: url(../images/save_over.png);
}

.manage-toolbar .ranging-area > a {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    color: #000000;
    /*background-position: 6px 0;
    background-repeat: no-repeat;
     background-image: url(../images/ranging.png); */
     line-height: 40px;
}

.manage-toolbar .ranging-area a:hover {
    color: #2093ef;
    /* background-image: url(../images/ranging_click.png); */
}

.manage-toolbar .clear-area > a {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    color: #000000;
    background-position: 6px 0;
    background-repeat: no-repeat;
    background-image: url(../images/clear.png);
}

.manage-toolbar .clear-area a:hover {
    color: #2093ef;
    background-image: url(../images/clear_click.png);
}

.manage-toolbar .layer-area > a {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    color: #000000;
    background-position: 6px 0;
    background-repeat: no-repeat;
    background-image: url(../images/layer.png);
}

.manage-toolbar .layer-area a:hover {
    color: #2093ef;
    background-image: url(../images/layer_click.png);
}

.manage-toolbar .vehicle-area > a {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    background-position: 6px 0;
    background-repeat: no-repeat;
    color: #2093ef;
    background-image: url(../images/vehicle_click.png);
    cursor: pointer;
}

.manage-toolbar .vehicle-area > a.vehicle_on {
    color: #2093ef;
    background-image: url(../images/vehicle_click.png);
}

.manage-toolbar .vehicle-area > a.vehicle_off {
    color: #000000;
    background-image: url(../images/vehicle.png);
}

.manage-toolbar .panel-body > div > a > span {
    position: absolute;
    bottom: 0;
    cursor: pointer;
}

.manage-toolbar .new-area > a {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    color: #000000;
    background-position: 6px 0;
    background-repeat: no-repeat;
    background-image: url(../images/new.png);
}

.manage-toolbar .new-area a:hover {
    color: #2093ef;
    background-image: url(../images/new_over.png);
}

.manage-toolbar .plan-area > a {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    color: #000000;
    background-position: 6px 0;
    background-repeat: no-repeat;
    background-image: url(../images/map.png);
}

.manage-toolbar .plan-area a:hover {
    color: #2093ef;
    background-image: url(../images/map_click.png);
}

.manage-toolbar .data-area > a {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    color: #000000;
    background-position: 6px 0;
    background-repeat: no-repeat;
    background-image: url(../images/data.png);
}

.manage-toolbar .data-area a:hover {
    color: #2093ef;
    background-image: url(../images/data_click.png);
}

.manage-toolbar .plan-area .dropdown-menu {
    padding: 0;
    border-radius: 0;
}

.manage-toolbar .plan-area .dropdown-menu a {
    padding: 5px 0 5px 30px;
    background-repeat: no-repeat;
    background-position: 10px center;
}

.manage-toolbar .plan-area .dropdown-menu a:hover {
    color: #fff;
    background-color: #2093ef;
}

.manage-toolbar .plan-area .dropdown-menu a.export {
    background-image: url(../images/bg-export.png);
}

.manage-toolbar .plan-area .dropdown-menu a.export:hover {
    background-image: url(../images/bg-export-o.png);
}

.manage-toolbar .plan-area .dropdown-menu a.weiboshare {
    background-image: url(../images/bg-share.png);
}

.manage-toolbar .plan-area .dropdown-menu a.weiboshare:hover {
    background-image: url(../images/bg-share-o.png);
}

.manage-toolbar .plan-area .dropdown-menu a.myplan {
    background-image: url(../images/bg-plan.png);
}

.manage-toolbar .plan-area .dropdown-menu a.myplan:hover {
    background-image: url(../images/bg-plan-o.png);
}